
<html >
<head >
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

	    <meta name="description" content="">
    <meta name="author" content="">
    <meta http-equiv="content-language" content="pt-br">
    <meta name="keywords" content="book, leitura, leitores, escritores, livros,"/>
     <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>Scriptor - &{'expanda'}</title>
<link rel="shortcut icon" type="image/png" href="@{'/public/images/icone.png'}" />

 	<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">

<link href="@{'/public/stylesheets/stylish-portfolio.css'}" rel="stylesheet">

</head>



  <body data-spy="scroll" data-target=".navbar">
  <div class="navbar navbar-inverse navbar-fixed-top" >
  <div class="container" >
  <div class="navbar-header">
   <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          </div>
 <div class="collapse navbar-collapse" >
   <ul class="nav navbar-nav navbar-left">

     <li >
		              <form class="form-inline" action="@{Application.login()}" method="post">


		 <p style="color: #AAAAAA; font-size: 10pt"><i> <a   href="@{Application.recuperarsenha()}">Esqueceu a senha?</a>
		 </i></p>
</form>
</li>
   </ul>
        <ul class="nav navbar-nav navbar-right">


		              <li class="active">
		              <form class="form-inline" action="@{Application.login()}" method="post">

		  <p style="color: #AAAAAA; font-size: 10pt"><input placeholder="Login" id="inputSuccess4" type="text"  class="form-control"  name="username" /><input id="inputSuccess3" placeholder="Senha" type="password"  class="form-control" name="password" />     <input class="btn btn-primary btn-lg" type="submit" value="Logar" />
		  <a   class="btn btn-primary btn-lg" href="@{Application.registrar()}">Registrar</a>
		  <a href="@{auth()}"><img src="@{'/public/images/lw_fb.12787.png'}" /></a>
		 </p>
</form>
</li>

        </ul>
</div></div></div>
    <!-- Full Page Image Header Area -->
    <div id="top" class="header" style="background: url(@{'/public/images/bg.jpg'}); no-repeat center center fixed;-webkit-background-size: cover;">

      <div class="vert-text">


<div id="home_app">
	<a href=""><img src="@{'/public/images/apstr_link.12787.png'}" alt=""></a>
	<a href=""><img src="@{'/public/images/gpaly_link.12787.png'}" alt=""></a>
	<div id="extra_apps">
	</div>
</div>   

    
   <br> <br> <br> <br> <br> <br> <br> <br>
 <a href="#about" class="btn btn-large btn-primary">&{'descubra'}</a>
      </div>
    </div>
    <!-- /Full Page Image Header Area -->

    <!-- Intro -->
    <div id="about" class="intro">
      <div class="container">
        <div class="row">
          <div class="col-md-6 col-md-offset-3 text-center">
            <h2>&{'social'}</h2>

          </div>
        </div>
      </div>
    </div>
    
    
    <!-- Intro -->
    <div id="about" class="intro">
      <div class="container">
        <div class="row">
              <div class="background"></div>
    
    		

	

	<div id="post" class="col-md-16">
		<article id="post-1001" class="col-md-4 ">
			<h1 class="title">
				
			</h1>
			<div class="post">
				<img class="post-img" src="http://d.gr-assets.com/books/1358275334l/2767052.jpg" alt="The Hunger Games">

				<p>
					<strong>Winning will make you famous.</strong><br/>
					<strong>Losing means certain death.</strong>
				</p>

				<p>In a dark vision of the near future, a terrifying reality TV show is taking place. Twelve boys and twelve girls are forced to appear in a live event called the Hunger Games. There is only one rule: kill or be killed.</p>

				<p>When sixteen-year-old Katniss Everdeen steps forward to take her sister's place in the games, she sees it as a death sentence. But Katniss has been close to death before. For her, survival is second nature.</p>
			</div>
			<div class="info">
				<a href="#comments-1001"> <span class="glyphicon glyphicon-comment"></span> Comments (3) </a>
				<a href="#date-09-14-2008"> <span class="glyphicon glyphicon-time"></span> 09-14-2008 </a>
				<div class="clearfix"></div>
			</div>
		</article>
		
		<article  class="col-md-4 "  id="post-1002">
			<h1 class="title">
				
			</h1>
			<div class="post">
				<img class="post-img" src="http://d.gr-assets.com/books/1387141547l/2.jpg" alt="Harry Potter and the Order of the Phoenix">

				<p>The summer holidays are dragging on and Harry Potter can't wait for the start of the school year. It is his fourth year at Hogwarts School of Witchcraft and Wizardry, and there are spells to be learnt, potions to be brewed and Divination lessons (sigh) to be attended. Harry is expecting these: however, other quite unexpected events are already on the march ...</p>
			</div>
			<div class="info">
				<a href="#comments-1002"> <span class="glyphicon glyphicon-comment"></span> Comments (3) </a>
				<a href="#date-06-21-2003"> <span class="glyphicon glyphicon-time"></span> 06-21-2003 </a>
				<div class="clearfix"></div>
			</div>
		</article>
		
		<article class="col-md-4 " id="post-1003">
			<h1 class="title">
				
			</h1>
			<div class="post">
				<img class="post-img" src="http://d.gr-assets.com/books/1320399351l/1885.jpg" alt="Pride and Prejudice">
				<p>"It is a truth universally acknowledged, that a single man in possession of a good fortune must be in want of a wife."</p>
				

				<p>So begins <em>Pride and Prejudice</em>, Jane Austen's witty comedy of manners--one of the most popular novels of all time--that features splendidly civilized sparring between the proud Mr. Darcy and the prejudiced Elizabeth Bennet as they play out their spirited courtship in a series of eighteenth-century drawing-room intrigues. </p>

				<p>
					<em>Introduction by Anna Quindlen.<br/>
					Commentary by Margaret Oliphant, George Saintsbury, Mark Twain, A.C. Bradley, Walter A. Raleigh, and Virginia Woolf.</em>
				</p>

				<p><em>Includes a Modern Library Reading Group Guide</em></p>
			</div>
			<div class="info">
				<a href="#comments-1009"> <span class="glyphicon glyphicon-comment"></span> Comments (3) </a>
				<a href="#date-10-10-2000"> <span class="glyphicon glyphicon-time"></span> 10-10-2000 </a>
				<div class="clearfix"></div>
			</div>
		</article>
		
		
		
		
		
	</div>

	
        </div>
      </div>
    </div>

    <!-- Portfolio -->
    <div id="portfolio" class="portfolio">
      <div class="container">
        <div class="row">
          <div class="col-md-4 col-md-offset-4 text-center">
            <h2>Nossa Rede</h2>
            <hr>
          </div>
        </div>

        <div class="row">
          <div class="col-md-4 col-md-offset-2 text-center">
            <div class="portfolio-item">
             <img alt="timeline" class="img-portfolio img-responsive" src="@{'/public/images/rede4.png'}">
              <h4>&{'interaja'}</h4>
            </div>
          </div>
          <div class="col-md-4 text-center">
            <div class="portfolio-item">
              <img  alt="comente livros" class="img-portfolio img-responsive" src="@{'/public/images/rede3.png'}">
              <h4>Comente e recomende seus livros favoritos</h4>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-md-4 col-md-offset-2 text-center">
            <div class="portfolio-item">
             <img  alt="chats por livro" class="img-portfolio img-responsive" src="@{'/public/images/rede2.png'}">
              <h4>Debata em chats exclusivos por livro</h4>
            </div>
          </div>
          <div class="col-md-4 text-center">
            <div class="portfolio-item">
              <img  alt="gerencie livros" class="img-portfolio img-responsive" src="@{'/public/images/rede.png'}">
              <h4>Gerencie seus projetos de maneira eficiente</h4>
            </div>
          </div>
        </div>
      </div>
    </div>

     <!-- Call to Action -->
    <div class="call-to-action">
      <div class="container">
        <div class="row">
          <div class="col-md-6 col-md-offset-3 text-center">
            <h3>Baixe nosso aplicativo para leitura de livros para Android e IOS ou o nosso aplicativo de criação para PC </h3>
            <a href="#" class="btn btn-lg btn-default">PC!</a>
            <a href="#" class="btn btn-lg btn-default">Android!</a>
            <a href="#" class="btn btn-lg btn-primary">IOS!</a>
          </div>
        </div>
      </div>
    </div>
    <!-- /Call to Action -->

    <!-- Footer -->
    <footer>
      <div class="container">
        <div class="row">
          <div class="col-md-6 col-md-offset-3 text-center">
            <ul class="list-inline">
              <li><i class="fa fa-facebook fa-3x"></i></li>
              <li><i class="fa fa-twitter fa-3x"></i></li>
              <li><i class="fa fa-dribbble fa-3x"></i></li>
            </ul>
            <div class="top-scroll">
              <a href="#top"><i class="fa fa-circle-arrow-up scroll fa-4x"></i></a>
            </div>
            <hr>
            <p>Copyright &copy; Scriptor 2014</p>
          </div>
        </div>
      </div>
    </footer>
    <!-- /Footer -->

    <!-- Bootstrap core JavaScript -->
    <!-- Placed at the end of the document so the pages load faster -->
     			<script src="@{'/public/javascripts/jquery-2.1.0.min.js'}"></script>
<script src="@{'/public/javascripts/jquery-paged-scroll.min.js'}"></script>

    <!-- Custom JavaScript for the Side Menu and Smooth Scrolling - Put in a custom JavaScript file to clean this up -->
    <script>
        $("#menu-close").click(function(e) {
            e.preventDefault();
            $("#sidebar-wrapper").toggleClass("active");
        });
    </script>
    <script>
        $("#menu-toggle").click(function(e) {
            e.preventDefault();
            $("#sidebar-wrapper").toggleClass("active");
        });
    </script>
    <script>
      $(function() {
        $('a[href*=#]:not([href=#])').click(function() {
          if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
            || location.hostname == this.hostname) {

            var target = $(this.hash);
            target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
            if (target.length) {
              $('html,body').animate({
                scrollTop: target.offset().top
              }, 1000);
              return false;
            }
          }
        });
      });
    </script>



     <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
     <script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-48217547-1', 'scriptor.net.br');
  ga('send', 'pageview');

</script>




  </body>

</html>